const {
	override,
	fixBabelImports,
	addWebpackAlias,
	addPostcssPlugins,
} = require('customize-cra')
const path = require('path')

// antd 按需加载
const babelPlugin = fixBabelImports('import', {
	libraryName: 'antd-mobile',
	style: 'css',
})

// 陪别名
const alias = addWebpackAlias({
	'@': path.join(__dirname, 'src'),
	'@scss': path.join(__dirname, 'src/assets/styles'),
})

// 导入转换为vm的库, webpack不能使用import导入, import属于es6的语法,需要webpack打包处理才能运行
const px2Viewport = require('postcss-px-to-viewport')

const postcssPlugins = addPostcssPlugins([
	px2Viewport({
		// 设计稿的宽度
		// viewportWidth: 375,
        viewportwidth:175
		// 不需要将 px 转 vw 的白名单
		// 说明：该数组中的类名中的 px 不会被转化为 vw。 这些类名可以为任意名称。
		// selectorBlackList: ['.ignore', '.hairlines']
	}),
])

module.exports = override(babelPlugin, alias, postcssPlugins)
